{% extends 'base.html' %}
{% load static %}
{% block title %}{{ news.title }}{% endblock %}
{% block content %}
<div id="main-content">
            	<div id="post-page">
                    <div class="post">
            		<h1 class="title">{{ news_s.title }}</h1>
                    <span class="facebook"><a href="#"></a></span>
                    <div class="meta">
                    	<ul >
                        	<li class="admin"><a href="#">{{ news_s.author.username }}</a></li>
                            <li class="date">{{ news_s.update_time }}</li>
                            <li class="category"><a href="#">{{ news_s.article_tag__tag }}</a></li>
                            <li class="comments"><a href="#">{{ news_s.reading }} 阅读量</a></li>
                        </ul>
                    </div><!--end meta-->
                    <span class="main-border"></span>
                     {% if news_s.articlephoto %}
                     <img class="post-image" src="{{ news_s.articlephoto.url }}" alt="post image" height="214" width="609" />
                     {% endif %}
                        {{ news_s.content }}
                    <span class="main-border"></span>
                    <h1 id="commenth1">评论</h1>
                    {% for page_comments in page_comment %}
                    <div class="user-comment">
                        <div class="meta">
                        	<ul>
                            	<li class="admin">{{ page_comments.commentator }}</li>
                                <li class="date">{{ page_comments.created }} </li>
                                <li class="comments"><a href="#">回复</a></li>
                            </ul>
                        </div><!--END comment-meta-->
                            <p>{{ page_comments.content }}</p>
                        <div class="clear"></div>
                        <span class="main-border"></span>
                    </div><!--END user-comment-->
                    {% endfor %}
                    <h1 id="comment">提交评论</h1>

                    <form class="contact_form" action="#" method="post" name="contact_form">
                        {% csrf_token %}
                    <ul>

                        <li>
                            <input type="text" id="name" name="name" placeholder="输入用户名" required />
                            <span class="form_hint">输入用户名</span>
                        </li>
                        <li>
                            <textarea name="message" cols="40" rows="6" placeholder="请输入内容" required ></textarea>
                        </li>
                        <li>
                            <button class="submit" type="submit">提交</button>
                        </li>
                    </ul>
                </form>
                </div><!--end post-->
                </div><!--END post-page-->
            </div><!--END main-content-->
{% endblock %}
